<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<style>
		#bextaMap{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
		}
	</style>
</head>

<body>
	<div id="bextaMap">
		
	</div>
<script src="../js/mui.js"></script>
<script src="../js/bexta.js"></script>
<script type="text/javascript">
	mui.init();
	mui.plusReady(function () {
		var view = plus.webview.create('mapTarget.html', 'mapTarget', {
			bottom:0,
			height:"250px",
			background:"transparent"
		});
		plus.webview.currentWebview().append(view);
		view.show();
//		var maps = new  plus.maps.Map('bextaMap', {
//			zoom:14,
//			traffic:true,
//			zoomControls:false,
//		});
		var maps, img;
		if( mui.os.ios ){
			img = "../icon/maps2.png";
		}else{
			img = "../icon/maps.png"
		}
		var maps = bextaMap.init('bextaMap', {
			zoom:14,
			traffic:true,
			zoomControls:false
		}).setUserCenter(img);

	});
</script>
</body>
</html>